*{
    margin:0;
    padding:0;
    box-sizing: border-box;
}
.box{
    width:100%;
    height:100%;
}
.header{
    width:100%;
    display: flex;
    justify-content: space-around;
    div{
      width:50%;
        height:50px;
        line-height:50px;
        background: rgb(10, 180, 231);
        text-align: center;
        font-size: 25px;
        a{
            width:100%;
            height:100%;
            text-decoration: none;
        }
        .active{
          width: 100%;
          display: inline-block;
            background:rgb(229, 244, 96);
        }
    }
    .cart{
        position: relative;
          .xiao{
                width:30px;
                height:30px;
                display: block;
                border-radius: 50px;
                background:rgb(255, 0, 200);
                position: absolute;
                left:380px;
                bottom:15px;

                text-align: center;
                line-height:30px;
         }
    }
  
}
.goods{
        .table{
            tr{
                 text-align: center;
                 font-size: 25px;
            }     
        }
        img{
            width:100px;
            height:100px;
        }   
}
.show{
    width:100%;
    height:100%;
}
.cart{
        .table{
            tr{
                 text-align: center;
                 font-size: 25px;
            }     
        }
        img{
            width:100px;
            height:100px;
        }
       width:100%;
       height:100%;
       display: flex;
       flex-direction: column;
       .content{
           flex:1;
           overflow: auto;
       }
       .footer{
           width:100%;
           height:50px;
           background: rgb(243, 179, 245);
           div:nth-of-type(1){
                display:flex;
                justify-content: flex-end;
           }
           .total{
             font-size:20px;  
           }
       }
}
